<template>
    <el-row>
        <el-col :span="24">
            <el-form :inline="true"
                :model="materialSearchObj"
                class="search_prod tl">
                <el-form-item label="">
                    <el-input size="small"
                        clearable
                        v-model="materialSearchObj.title"
                        :placeholder="searchtitle"></el-input>
                </el-form-item>

                <el-form-item>
                    <el-row class="tl">
                        <el-col :span="24">
                            <el-button :loading='$store.state.isLoading'
                                size="small"
                                class="top_weiy"
                                type="primary"
                                @click="onSubmit">查询</el-button>
                            <el-button :loading='$store.state.isLoading'
                                size="small"
                                class="top_weiy"
                                type="primary"
                                @click="delSubmit">一键清除</el-button>
                        </el-col>
                    </el-row>
                </el-form-item>
            </el-form>
        </el-col>
    </el-row>
</template>
<script>
export default {
  name: "",
  props: {
    searchtitle: {
      type: String,
      default: "标题"
    }
  },
  data() {
    return {
      materialSearchObj: {
        title: ""
      }
    };
  },
  methods: {
    delSubmit() {
      this.materialSearchObj = {
        title: ""
      };
      this.$emit("sendSearch", this.materialSearchObj);
    },
    onSubmit() {
      this.$emit("sendSearch", this.materialSearchObj);
    }
  }
};
</script>
